<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">

    <link href="css/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet">
    <link href="css/logistics_query.css" rel="stylesheet">

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/core.js"></script>
    <style>
        .list-div {
            float: left;
            /*max-width: 500px;*/
            /*margin-left: 2px;*/
        }

        .goods-preview {
            width: 120px;
            height: 120px;

            padding: 0px;
            min-height: 100px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }

        .goods-preview img {
            width: 100px;
            height: auto;
        }

    </style>
</head>
<body>
<!-- top -->
<div class="header">
    <header class="p_header">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <!--<i class="p_left" title=""></i>返回-->
            <h3 class="p_width" style="text-decoration:underline ">返回</h3>
        </a>
    </header>
</div>
<h2 style="text-align: center">订单详情</h2>
<h4 style="text-align: center">下单商品</h4>
<div class="container">
    <div>
        <ul class="list-group" id="orderGoods">
            <!--            <li class="list-group-item">
                            <div class="row">
                                <div class="col-xs-6 col-md-3 goods-preview">
                                    <img src="">
                                </div>
                                <div class="col-xs-6 col-md-3">
                                    <span>ddd</span>
                                    <br>
                                    <br>
                                    <span>xxx</span>
                                    <br>
                                    <br>
                                    购买数量数量:<span>2</span>
                                </div>
                            </div>
                        </li>-->
        </ul>
    </div>
</div>
<h4 style="text-align: center">订单详情</h4>
<div class="container">
    <div style="margin: 10px">
        <!--   <button id="btn-shipping" type="button" class="btn btn-primary" onclick="shippingBatch()">
               <i class="glyphicon " aria-hidden="true">发货</i>
           </button>-->
        <button type="button" class="btn btn-danger" onclick="closeOrderBatch()">
            <i class="glyphicon " aria-hidden="true">关闭订单</i>
        </button>
    </div>
    <div class="list-div col-sm-5">
        <ul class="list-group">
            <li class="list-group-item" style="background-color: #acba43">
                <div>
                    <label>当前状态</label>
                    <input type="text" class="form-control" id="orderStatus" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>下单时间</label>
                    <input type="text" class="form-control" id="gmtDatetime" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>订单类型</label>
                    <input type="text" class="form-control" id="orderType" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>订单编号</label>
                    <input type="text" class="form-control" id="orderNumber" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>订单总价</label>
                    <div class="input-group">
                        <span class="input-group-addon">$</span>
                        <input type="text" class="form-control" id="sumPrice" readonly>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>应付金额</label>
                    <div class="input-group">
                        <span class="input-group-addon">$</span>
                        <input type="text" class="form-control" id="totalPrice" value="0" readonly>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>现金实付</label>
                    <div class="input-group">
                        <span class="input-group-addon">$</span>
                        <input type="text" class="form-control" id="cashPayPrice" value="" readonly>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>余额支付</label>
                    <div class="input-group">
                        <span class="input-group-addon">$</span>
                        <input type="text" class="form-control" id="payMoney1" value="" readonly>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>优惠券额</label>
                    <input type="text" class="form-control" id="couponVal" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>配送费</label>
                    <input type="text" class="form-control" id="deliveryMoney" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>支付方式</label>
                    <div class="input-group">
                        <span class="input-group-addon">$</span>
                        <input type="text" class="form-control" id="payType" readonly>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>订单产品线</label>
                    <input type="text" class="form-control" id="sourceType" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>是否需要物流</label>
                    <input type="text" class="form-control" id="isLogistics" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>物流单号</label>
                    <input type="text" class="form-control" id="inputLogiNum">
                </div>
                <div>
                    <label>商家备注（发货等）</label>
                    <textarea rows="2" class="form-control" id="merchantRemarks"></textarea>
                </div>
                <div>
                    <label>客服备注</label>
                    <textarea rows="2" class="form-control" id="cusServiceRemarks"></textarea>
                </div>
                <input class="btn btn-default" onclick="save()" type="button" value="保存">
            </li>
        </ul>
    </div>
    <div class="list-div col-sm-5">
        <ul class="list-group">
            <li class="list-group-item">
                <div>
                    <label>买家姓名</label>
                    <input type="text" class="form-control" id="muserName" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>买家电话</label>
                    <input type="text" class="form-control" id="muserPhone" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>买家留言</label>
                    <input type="text" class="form-control" id="leavingMessage" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>收货人姓名</label>
                    <input type="text" class="form-control" id="receiverName" readonly>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>收货人电话</label>
                    <div class="input-group">
                        <span class="input-group-addon">#</span>
                        <input type="text" class="form-control" id="receiverPhone" readonly>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div>
                    <label>收货人详细地址</label>
                    <textarea rows="3" class="form-control" id="receiverAddress" readonly></textarea>
                </div>
            </li>
        </ul>
    </div>

</div>

<h4 style="text-align: center">物流信息</h4>
<h5 id="noLogiInfo" style="text-align: center;color: #9e6718;display:none">暂无物流信息</h5>
<h5 id="logiCom" style="text-align: center;color: #9e6718;"></h5>
<h5 id="logiNum" style="text-align: center;color: #9e6718;"></h5>
<div class="container">
    <div>
        <ul class="list-group" id="">
            <table class="result-info" cellspacing="0">
                <tbody id="queryResult">
                <!-- <tr class="last">
                     <td class="row1"><span class="day">2017.07.13</span><span class="time">12:10</span>&nbsp;<span
                             class="week">星期四</span></td>
                     <td class="status status-check">&nbsp;<div class="col2"><span class="step"><span
                             class="line1"></span><span class="line2"></span></span></div>
                     </td>
                     <td class="context">门口超市-已签收</td>
                 </tr>
                 <tr>
                     <td class="row1"><span class="day">2017.07.13</span><span class="time">08:15</span></td>
                     <td class="status">&nbsp;<div class="col2"><span class="step"><span class="line1"></span><span
                             class="line2"></span></span></div>
                     </td>
                     <td class="context">浙江杭州留下公司-蒋村承包区-派件中</td>
                 </tr>
                 <tr>
                     <td class="row1"><span class="day">2017.07.13</span><span class="time">08:15</span></td>
                     <td class="status">&nbsp;<div class="col2"><span class="step"><span class="line1"></span><span
                             class="line2"></span></span></div>
                     </td>
                     <td class="context">浙江杭州留下公司-蒋村承包区-派件中</td>
                 </tr>
                 <tr>
                     <td class="row1"><span class="day">2017.07.13</span><span class="time">07:39</span></td>
                     <td class="status">&nbsp;<div class="col2"><span class="step"><span class="line1"></span><span
                             class="line2"></span></span></div>
                     </td>
                     <td class="context">已到达-浙江杭州留下公司</td>
                 </tr>
                 <tr>
                     <td class="row1"><span class="day">2017.07.13</span><span class="time">05:23</span></td>
                     <td class="status">&nbsp;<div class="col2"><span class="step"><span class="line1"></span><span
                             class="line2"></span></span></div>
                     </td>
                     <td class="context">浙江杭州中转部-已发往-浙江杭州留下公司</td>
                 </tr>
                 <tr>
                     <td class="row1"><span class="day">2017.07.13</span><span class="time">00:13</span>&nbsp;&nbsp;<span
                             class="week">星期四</span></td>
                     <td class="status">&nbsp;<div class="col2"><span class="step"><span class="line1"></span><span
                             class="line2"></span></span></div>
                     </td>
                     <td class="context">申通沃德萧山仓-已进行装袋扫描</td>
                 </tr>
                 <tr>
                     <td class="row1"><span class="day">2017.07.12</span><span class="time">23:05</span>&nbsp;&nbsp;<span
                             class="week">星期三</span></td>
                     <td class="status status-first">&nbsp;</td>
                     <td class="context">申通沃德萧山仓-园区3-已收件</td>
                 </tr>-->
                </tbody>
            </table>
        </ul>
    </div>
</div>
<iframe align="center" name="kuaidi100" src="https://www.kuaidi100.com/frame/index.html" width="1500" height="880"
        marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>


<!--bootstrap-table-->
<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!--alert-beautify-->
<script src="js/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="js/alert-beautify.js"></script>

<script src="js/order_detail.js"></script>

</body>
</html>